import Vue from 'vue'; // 加载并执行runtime入口文件 并得到Vue构造函数
// 1.导入vue-router包
import VueRouter from 'vue-router';
// 2.手动安装 VueRouter
Vue.use(VueRouter); // 在Vue构造函数挂载路由相关成员


// 导入bootstrap样式
import 'bootstrap/dist/css/bootstrap.css';
import './css/app.css';

// 导入 MUI 的样式表，和bootstrap 用法没有差别
import './lib/mui/css/mui.min.css';


// 导入所有的 MIntUI 组件
// 导入Mint-UI组件
// import MintUI from 'mint-ui'; // 把所有的组件都导入进来 // 导入别人写好的所有组件 相当于***.vue组件或对象字面定义组件 最终打包到bundle.js中
// // 这里 可以省略 node_modules 这一层目录
// import 'mint-ui/lib/style.css'; // 导入别人为组件写好的样式 相当于***.vue中style标签的内容
// // 将MintUI 安装到 Vue中
// Vue.use(MintUI); // 把所有的组件，注册为全局的组件 相当于Vue.component('组件名', {组件模版对象})


// 按需导入 Mint-UI组件
import { Button } from 'mint-ui';
// 使用 Vue.component 注册 按钮组件
Vue.component(Button.name, Button);
// console.log(Button.name);

// 导入app组件
import app from './App.vue';

// 导入 自定义路由模块
import router from './router.js';


var vm = new Vue({
  el: '#app',
  render: c => c(app),
  router //4.将路由对象挂载到 vm上
});
/* 注意： App 这个组件，是通过 VM 实例的 render 函数，渲染出来的， render 函数如果要渲染 组件，
 渲染出来的组件，只能放到 el: '#app' 所指定的 元素中 是直接替换div#app；*/
/* Account 和 GoodsList 组件， 是通过 路由匹配监听到的，
所以， 这两个组件，只能展示到 属于 路由的 <router-view></router-view> 中去；*/